//$body-bg: #777;
//$global-color: rgba(0,0,0,.7);
//$link-color: #424242;
//$link-hover-color: #555;
//$footer-link-color: #A6A6A6;
//$footer-link-hover-color: #1f1f1f;
//$link-decoration-color: #d6d6d6;
//$link-decoration-hover-color: #1F1F1F;
//$link-btn-color: #868686;
//$link-btn-hover-color: #1F1F28;

// Colors
$black-dark: #333;
$black-light: #666;
$black-lighter: #999;

$gray-dark: #ccc;
$gray-light: #eee;
$gray-lighter: #eee;

$red: #db2937;
$red-light: #eb4f21;
$red-lighter: #f7850b;

// Brand colors
$color-primary: #fec963;
$color-secondary: $red-light;


// base
$selection-bg: $color-primary;
$selection-color: white;

// Body
$body-bg-color: #fff;
$text-color: $gray-dark;

// Links
$link-color: $black-dark;

// Font size
$global-font-size: 12px;
$global-line-height: 1.6;

$font-size-xs: 11px;
$font-size-sm: 12px;
$font-size-default: $global-font-size;
$font-size-lg: 16px;
$font-size-xl: 18px;
$font-size-xxl: 20px;

// Radius
$radius-normal: 3px;
$radius-lg: 5px;

// z-index
$global-z-index: 1000;

$z-index-topbar-fixed: $global-z-index;


// Breakpoint
$breakpoint-small: 640px; // 0 - 640px
$breakpoint-medium: 1024px; // 641 - 1024px

$breakpoint-small-max: $breakpoint-small;
$breakpoint-md: $breakpoint-medium;

$breakpoint-medium-min: $breakpoint-small + 1;
$breakpoint-medium-max: $breakpoint-medium;





